@svg-base: "data:image/svg+xml;charset=utf-8,";

.svg-add (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='stroke:@{color};stroke-width: 1'><line x1='1' y1='5' x2='9' y2='5'/><line x1='5' y1='1' x2='5' y2='9'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-sub (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='stroke:@{color};stroke-width: 1'><line x1='1' y1='5' x2='9' y2='5'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-menu (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' style='fill:@{color}'><path d='M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z'></path></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-close (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='stroke:@{color};stroke-width: 1'><line x1='1' y1='1' x2='9' y2='9'/><line x1='9' y1='1' x2='1' y2='9'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-close-circle (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' style='fill:@{color};fill-rule:evenodd'><path d='M44.373,7.603c-10.137-10.137-26.632-10.138-36.77,0c-10.138,10.138-10.137,26.632,0,36.77s26.632,10.138,36.77,0C54.51,34.235,54.51,17.74,44.373,7.603z M36.241,36.241c-0.781,0.781-2.047,0.781-2.828,0l-7.425-7.425l-7.778,7.778c-0.781,0.781-2.047,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l7.778-7.778l-7.425-7.425c-0.781-0.781-0.781-2.048,0-2.828c0.781-0.781,2.047-0.781,2.828,0l7.425,7.425l7.071-7.071c0.781-0.781,2.047-0.781,2.828,0c0.781,0.781,0.781,2.047,0,2.828l-7.071,7.071l7.425,7.425C37.022,34.194,37.022,35.46,36.241,36.241z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-lazy (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='@{color}'><path opacity='.25' d='M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4'/><path d='M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z'><animateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='0.8s' repeatCount='indefinite' /></path></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-hot (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' style='fill:@{color}'><path d='M55.469,0.781C38.33,8.713,32.529,37.128,32.813,56.25c-3.4-.992-7.748-7.354-10.156-21.094C-1.567,55.349,17.491,99.5,49.219,99.219S96.437,69.542,82.031,38.281a46.977,46.977,0,0,1-3.125-16.406c-6.516,1.558-14.346,7-14.062,21.875C60.17,41.909,52.919,23.869,55.469.781Z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-notice (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' style='fill:@{color}'><path d='M588.729556,225.13839a43.378932,43.378932,0,0,0-41.262005-3.200677L269.073647,346.294504h-169.137374a43.350032,43.350032,0,0,0-43.350032,43.350031v259.095915a43.350032,43.350032,0,0,0,43.350032,43.350032h169.137374l278.401129,124.378466a43.277782,43.277782,0,0,0,41.262005-3.222352,43.299457,43.299457,0,0,0,19.767615-36.363452V261.516292a43.357257,43.357257,0,0,0-19.77484-36.377902zM932.155733,476.626374h-179.295732a43.350032,43.350032,0,0,0,0,86.700064h179.295732a43.350032,43.350032,0,1,0,0-86.700064zM727.334058,412.865702a43.118832,43.118832,0,0,0,23.705242-7.08773l148.025908-96.988471a43.350032,43.350032,0,1,0-47.518859-72.517378L703.527665,333.253369a43.350032,43.350032,0,0,0,23.806393,79.612333zM899.065208,731.163311L751.0393,634.182064a43.350032,43.350032,0,0,0-47.51886,72.524604l148.025909,96.981246a43.299457,43.299457,0,0,0,60.010894-12.49926,43.350032,43.350032,0,0,0-12.492035-60.025343z'/></svg>");
 .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-warning (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78.561 78.561' style='fill:@{color}'><circle cx='39.28' cy='57.772' r='3.632'/><path d='M38.792,48.347c1.104,0,2-0.896,2-2v-19c0-1.104-0.896-2-2-2s-2,0.896-2,2v19C36.792,47.451,37.688,48.347,38.792,48.347z'/><path d='M46.57,11.542l-0.091-0.141c-1.852-2.854-3.766-5.806-7.199-5.806c-3.578,0-5.45,2.994-7.26,5.891c-0.009,0.014-0.065,0.104-0.074,0.119L0.278,65.266C0.096,65.574,0,65.735,0,66.092c0,3.896,3.135,6.874,6.988,6.874h64.585c3.854,0,6.988-2.979,6.988-6.874c0-0.357-0.096-0.614-0.277-0.921L46.57,11.542z M71.573,68.966H6.988c-1.461,0-2.717-0.951-2.95-2.394l31.374-53.061c1.554-2.487,2.572-3.963,3.868-3.963c1.261,0,2.457,1.87,3.843,4.006l31.399,53.007C74.29,68.003,73.034,68.966,71.573,68.966z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-warning-circle (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='fill:@{color};fill-rule:evenodd'><path d='M10,0A10,10,0,1,1,0,10,10,10,0,0,1,10,0Zm0,3a1,1,0,0,1,1,1v8a1,1,0,0,1-2,0V4A1,1,0,0,1,10,3Zm0,12a1,1,0,1,1-1,1A1,1,0,0,1,10,15Z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-mor (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='fill:@{color};fill-rule:evenodd'><path d='M10,1a9,9,0,1,1-9,9A9,9,0,0,1,10,1ZM8.219,13.844c0.406-.406,2.743-2.868,3.212-3.337h0L8.191,7.154a0.693,0.693,0,0,1,0-.956,0.637,0.637,0,0,1,.924,0l3.694,3.824a0.693,0.693,0,0,1,0,.956c-0.158.163-2.957,3.1-3.653,3.8A0.663,0.663,0,1,1,8.219,13.844Z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-mor-b (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='fill:@{color};fill-rule:evenodd'><path d='M10,1a9,9,0,1,1-9,9A9,9,0,0,1,10,1ZM6.156,8.219c0.406,0.406,2.868,2.743,3.337,3.212h0l3.353-3.239a0.693,0.693,0,0,1,.956,0,0.637,0.637,0,0,1,0,.924L9.978,12.809a0.693,0.693,0,0,1-.956,0c-0.163-.158-3.1-2.957-3.8-3.653A0.663,0.663,0,1,1,6.156,8.219Z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-qrcode (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' style='fill:@{color}'><path d='M199.143,336.285h137.143v-137.143h-137.143v137.143zM893.428,542h68.572v214.286h-68.572v-68.572h-68.572v-77.142h-68.572v-68.572h68.572v68.572h68.572v-68.572zM687.715,687.715h137.143v137.143h68.572v68.572h68.572v68.572h-137.143v-68.572h-68.572v-137.143h-68.572v68.572h-77.142v68.572h77.142v68.572h-145.714v-420h145.714v68.572h-77.142v145.714h77.142v-68.572zM62,962h411.428v-420h-411.428v420zM130.572,610.571h274.285v282.858h-274.285v-282.858zM199.143,824.857h137.143v-137.143h-137.143v137.143zM542,62v411.428h420v-411.428h-420zM893.428,404.857h-282.858v-274.285h282.858v274.285zM62,473.428h411.428v-411.428h-411.428v411.428zM130.572,130.572h274.285v274.285h-274.285v-274.285zM824.857,199.143h-137.143v137.143h137.143v-137.143z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-settings (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54' style='fill:@{color}'><path d='M51.22,21h-5.052c-0.812,0-1.481-0.447-1.792-1.197s-0.153-1.54,0.42-2.114l3.572-3.571c0.525-0.525,0.814-1.224,0.814-1.966c0-0.743-0.289-1.441-0.814-1.967l-4.553-4.553c-1.05-1.05-2.881-1.052-3.933,0l-3.571,3.571c-0.574,0.573-1.366,0.733-2.114,0.421C33.447,9.313,33,8.644,33,7.832V2.78C33,1.247,31.753,0,30.22,0H23.78C22.247,0,21,1.247,21,2.78v5.052c0,0.812-0.447,1.481-1.197,1.792c-0.748,0.313-1.54,0.152-2.114-0.421l-3.571-3.571c-1.052-1.052-2.883-1.05-3.933,0l-4.553,4.553c-0.525,0.525-0.814,1.224-0.814,1.967c0,0.742,0.289,1.44,0.814,1.966l3.572,3.571c0.573,0.574,0.73,1.364,0.42,2.114S8.644,21,7.832,21H2.78C1.247,21,0,22.247,0,23.78v6.439C0,31.753,1.247,33,2.78,33h5.052c0.812,0,1.481,0.447,1.792,1.197s0.153,1.54-0.42,2.114l-3.572,3.571c-0.525,0.525-0.814,1.224-0.814,1.966c0,0.743,0.289,1.441,0.814,1.967l4.553,4.553c1.051,1.051,2.881,1.053,3.933,0l3.571-3.572c0.574-0.573,1.363-0.731,2.114-0.42c0.75,0.311,1.197,0.98,1.197,1.792v5.052c0,1.533,1.247,2.78,2.78,2.78h6.439c1.533,0,2.78-1.247,2.78-2.78v-5.052c0-0.812,0.447-1.481,1.197-1.792c0.751-0.312,1.54-0.153,2.114,0.42l3.571,3.572c1.052,1.052,2.883,1.05,3.933,0l4.553-4.553c0.525-0.525,0.814-1.224,0.814-1.967c0-0.742-0.289-1.44-0.814-1.966l-3.572-3.571c-0.573-0.574-0.73-1.364-0.42-2.114S45.356,33,46.168,33h5.052c1.533,0,2.78-1.247,2.78-2.78V23.78C54,22.247,52.753,21,51.22,21z M52,30.22C52,30.65,51.65,31,51.22,31h-5.052c-1.624,0-3.019,0.932-3.64,2.432c-0.622,1.5-0.295,3.146,0.854,4.294l3.572,3.571c0.305,0.305,0.305,0.8,0,1.104l-4.553,4.553c-0.304,0.304-0.799,0.306-1.104,0l-3.571-3.572c-1.149-1.149-2.794-1.474-4.294-0.854c-1.5,0.621-2.432,2.016-2.432,3.64v5.052C31,51.65,30.65,52,30.22,52H23.78C23.35,52,23,51.65,23,51.22v-5.052c0-1.624-0.932-3.019-2.432-3.64c-0.503-0.209-1.021-0.311-1.533-0.311c-1.014,0-1.997,0.4-2.761,1.164l-3.571,3.572c-0.306,0.306-0.801,0.304-1.104,0l-4.553-4.553c-0.305-0.305-0.305-0.8,0-1.104l3.572-3.571c1.148-1.148,1.476-2.794,0.854-4.294C10.851,31.932,9.456,31,7.832,31H2.78C2.35,31,2,30.65,2,30.22V23.78C2,23.35,2.35,23,2.78,23h5.052c1.624,0,3.019-0.932,3.64-2.432c0.622-1.5,0.295-3.146-0.854-4.294l-3.572-3.571c-0.305-0.305-0.305-0.8,0-1.104l4.553-4.553c0.304-0.305,0.799-0.305,1.104,0l3.571,3.571c1.147,1.147,2.792,1.476,4.294,0.854C22.068,10.851,23,9.456,23,7.832V2.78C23,2.35,23.35,2,23.78,2h6.439C30.65,2,31,2.35,31,2.78v5.052c0,1.624,0.932,3.019,2.432,3.64c1.502,0.622,3.146,0.294,4.294-0.854l3.571-3.571c0.306-0.305,0.801-0.305,1.104,0l4.553,4.553c0.305,0.305,0.305,0.8,0,1.104l-3.572,3.571c-1.148,1.148-1.476,2.794-0.854,4.294c0.621,1.5,2.016,2.432,3.64,2.432h5.052C51.65,23,52,23.35,52,23.78V30.22z'/><path d='M27,18c-4.963,0-9,4.037-9,9s4.037,9,9,9s9-4.037,9-9S31.963,18,27,18z M27,34c-3.859,0-7-3.141-7-7s3.141-7,7-7s7,3.141,7,7S30.859,34,27,34z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-controls (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' style='fill:@{color}'><path d='M8,41.08V2c0-0.553-0.448-1-1-1S6,1.447,6,2v39.08C2.613,41.568,0,44.481,0,48c0,3.859,3.14,7,7,7s7-3.141,7-7C14,44.481,11.387,41.568,8,41.08z M7,53c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S9.757,53,7,53z'/><path d='M29,20.695V2c0-0.553-0.448-1-1-1s-1,0.447-1,1v18.632c-3.602,0.396-6.414,3.456-6.414,7.161s2.812,6.765,6.414,7.161V54c0,0.553,0.448,1,1,1s1-0.447,1-1V34.891c3.4-0.577,6-3.536,6-7.098S32.4,21.272,29,20.695z M27.793,33c-2.871,0-5.207-2.336-5.207-5.207s2.335-5.207,5.207-5.207S33,24.922,33,27.793S30.664,33,27.793,33z'/><path d='M56,8c0-3.859-3.14-7-7-7s-7,3.141-7,7c0,3.519,2.613,6.432,6,6.92V54c0,0.553,0.448,1,1,1s1-0.447,1-1V14.92C53.387,14.432,56,11.519,56,8z M49,13c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S51.757,13,49,13z'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-arrow-b (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5' style='fill:@{color}'><polygon points='0,0 10,0 5,5'/></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-address (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' version='1.1' style='fill:@{color}'><path d='M511.965867 3.413333C290.044587 3.413333 109.550933 185.77408 109.550933 409.985707c0 224.21504 315.132587 567.99232 315.132587 567.99232 47.342933 56.808107 127.225173 56.808107 174.63296 0 0 0 315.132587-343.790933 315.132587-568.005974C914.45248 185.760427 733.893973 3.413333 511.965867 3.413333z m0 581.451094c-102.079147 0-186.4192-83.729067-186.4192-188.34432 0-104.608427 82.855253-188.327253 186.4192-188.327254 103.55712 0 186.368 85.200213 186.368 188.340907 0 103.144107-82.797227 188.34432-186.368 188.34432v-0.013653z'></path></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-phone (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' style='fill:@{color}'><path d='M704 640c-64 64-64 128-128 128s-128-64-192-128-128-128-128-192 64-64 128-128-128-256-192-256-192 192-192 192c0 128 131.52 387.52 256 512s384 256 512 256c0 0 192-128 192-192s-192-256-256-192z'></path></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-telphone (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' style='fill:@{color}'><path d='M511.979534 259.334443l-30.779004 0c-81.358983 0-146.768715 31.871895-197.841927 82.905198-60.733223 60.733223-101.745289 148.848073-125.503389 243.465011-19.573801 77.881788-33.284057 159.773913-14.017248 220.87962 18.361183 58.32129 68.927859 98.547457 177.934528 98.547457l190.20704 0 190.220343 0c109.034299 0 159.574369-40.226167 177.934528-98.547457 19.253506-61.105706 5.54325-142.997831-14.017248-220.87962-23.757077-94.616938-64.770166-182.731788-125.503389-243.465011-51.073212-51.03228-116.496248-82.905198-197.841927-82.905198L511.979534 259.334443 511.979534 259.334443zM485.476927 119.240755l26.502607-0.292666 26.635637 0.292666 0.079818 0c8.487302 0.159636 17.482163 0.493234 26.622334 0.905626 45.809325 1.998517 102.891392 5.662977 157.988244 14.470573 54.470589 8.68787 107.461477 22.477944 146.208966 44.676525 34.790364 19.906375 64.064085 46.64946 83.930551 78.987982 18.241456 29.713742 28.820396 64.544015 28.820396 103.744829 0 21.718651-3.211135 42.797735-9.033747 62.518892l-0.039909 0c-6.116301 20.612457-15.216563 39.960107-26.622334 57.44227l0 0.039909c-5.143137 7.861038-11.978822 13.93743-19.760043 17.681708-7.78122 3.770883-16.801664 5.396917-26.169009 4.570085l-0.039909-0.079818c-9.513678-0.825808-18.054191-4.036943-24.969695-9.060353-6.942109-5.103228-12.605086-12.244882-16.269545-20.972661-30.79333-72.858378-73.964572-136.762827-130.806161-180.759877-50.832735-39.320541-112.471584-62.851467-185.783287-62.851467l-30.79333 0-30.779004 0c-73.311703 0-134.950552 23.530926-185.783287 62.851467-56.855916 43.99705-100.027158 107.901499-130.806161 180.759877-3.664459 8.727779-9.327436 15.909341-16.282848 20.972661-6.9022 5.02341-15.482623 8.261151-24.956392 9.060353l-0.039909 0.079818c-9.367345 0.825808-18.401092-0.839111-26.169009-4.570085-7.78122-3.744277-14.616906-9.819646-19.760043-17.681708l0-0.039909c-11.405771-17.482163-20.506033-36.82879-26.622334-57.44227L50.739615 424.545182c-5.822612-19.720134-9.033747-40.799218-9.033747-62.518892 0-39.200814 10.579963-74.031087 28.820396-103.744829 19.866467-32.338522 49.100278-59.040674 83.930551-78.987982 38.787398-22.198581 91.739401-35.989679 146.208966-44.676525 55.096852-8.807596 112.165616-12.472056 157.988244-14.470573L485.476927 119.240755 485.476927 119.240755zM336.77621 519.308453c0-96.80272 78.441537-175.256536 175.203324-175.256536 96.776114 0 175.216627 78.45484 175.216627 175.256536 0 96.762811-78.441537 175.216627-175.216627 175.216627C415.217746 694.52508 336.77621 616.07024 336.77621 519.308453z'></path></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
.svg-qq (@color: @c-line, @size: 100%, @position: center, @repeat: no-repeat) {
  @m: escape("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' style='fill:@{color}'><path d='M794.5 721.9c-9.7 56.1-35.7 106.6-73.3 146.4 40.8 18.9 77.6 47.7 77.6 90.3H225c0-42.6 36.9-71.3 77.6-90.3-37.6-39.8-63.7-90.3-73.3-146.4-43.1 63.2-106.8 94.5-106.8 94.5 0-164 102.5-386 102.5-386v-81.2c0-157.1 128.5-284.4 286.9-284.4 158.5 0 286.9 127.3 286.9 284.4v81.2s102.4 222 102.4 386c0.1 0-63.7-31.3-106.7-94.5z m0 0'></path></svg>");
  .bg-img("@{svg-base}@{m}", @size, @position, @repeat);
}
